<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<nav class="navbar navbar-default navbar-static-top">
			<div class="container">
				<!--移动端导航-->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#about">游戏案例</a>
						</li>
						<li>
							<a href="team.html">BLUEJ团队</a>
						</li>

						<li class="active">
							<a href="about.html">关于我们</a>
						</li>
						
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">繁體中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>
								<!--<li role="separator" class="divider"></li>-->
								<!--<li class="dropdown-header">Nav header</li>-->

							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/about.jpg" class="img-responsive" alt="First slide">
				</div>
				<div class="item">
					<img src="img/about.jpg" class="img-responsive" alt="Second slide">
				</div>
				<div class="item">
					<img src="img/about.jpg" class="img-responsive" alt="Third slide">
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div class="container about1">
			<div class="row">
				<div class="col-xs-12">
					<h3>关于蓝景</h3>
				</div>
				<div class="col-xs-12">
					<p>
						蓝景信息技术有限公司是一家集技术研发，项目、产品开发，系统开发和人才培养的技术型公司，主要服务客户有：酷狗计算机科技有限公司，酷狗繁星，腾讯，淘宝，华扬广告，蓝色光标数字营销机构，脉动，闲趣饼干等等。
					</p>
				</div>
				<div class="col-xs-12">
					<p>
						广州蓝景信息技术有限公司有多年互联网以及移动互联网开发经验为人才培养奠定了坚实的基础，为多家技术公司以及互动广告公司提供专业的人才输送服务。

					</p>
				</div>
				<div class="col-xs-12">
					<h5>蓝景的主张：技术是蓝门的核心，服务是蓝景的职责，放飞梦想，成就梦想是我们的使命。</h5>
				</div>
			</div>
		</div>
		<div class="container teach">
			<div class="row">
				<div class="col-sm-2 col-sm-offset-1  col-xs-4">
					<img src="img/teach1.jpg" class="img-responsive center-block"/>
				</div>
				<div class="col-sm-2  col-xs-4">
					<img src="img/teach3.jpg" class="img-responsive center-block"/>
				</div>
				<div class="col-sm-2  col-xs-4">
					<img src="img/teach2.jpg" class="img-responsive center-block"/>
				</div>
				<div class="col-sm-2  col-xs-6">
					<img src="img/teach4.jpg" class="img-responsive center-block"/>
				</div>
				<div class="col-sm-2  col-xs-6">
					<img src="img/teach5.jpg" class="img-responsive center-block"/>
				</div>
			</div>
		</div>
		<div class="container about2">
			<h3>公司环境</h3>
			<div class="row environment">
				<div class="col-md-4">
					<img src="img/envir1.jpg" alt=""  />
					<img src="img/envir2.jpg" alt=""   />
				</div>
				<div class="col-md-4">
					<img src="img/envir3.jpg" alt=""  />
					<img src="img/envir4.jpg" alt=""   />
				</div>
				<div class="col-md-4">
					<img src="img/envir6.jpg" alt=""  />
					<img src="img/envir5.jpg" alt="" />
				</div>
			</div>
		</div>
		<div id="myCarousel2" class="carousel slide" style="margin-top: 30px;">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel2" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel2" data-slide-to="1"></li>
				<li data-target="#myCarousel2" data-slide-to="2"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/about2.jpg" class="img-responsive" alt="First slide">
				</div>
				<div class="item">
					<img src="img/about2.jpg" class="img-responsive" alt="Second slide">
				</div>
				<div class="item">
					<img src="img/about2.jpg" class="img-responsive" alt="Third slide">
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel2" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel2" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div class="container call">
			<h3>联系我们</h3>
			<div class="row">
				<div class="col-md-5">
					<img src="img/call.png" class="img-responsive center-block"/>
				</div>
				<div class="col-md-7">
					<p style="text-indent: 0;">
						<b>办公地址</b>：<br>广州市海珠区中洲交易中心二期19楼<br><br>
						<b>联系方式</b>：<br>
						人事部：020-80739563&nbsp;&nbsp;&nbsp;&nbsp;QQ：2903359018
					</p>
				</div>
			</div>
		</div>
		<footer style="margin-top: 80px;">
			<div class="container">
				<div>
					<div class="col-sm-8 col-xs-12">
						<ul class="list-inline">
							<li>
								<a href="">公司简介</a>
							</li>
							<li>
								<a href="">联系方式</a>
							</li>
							<li>
								<a href="">人才招聘</a>
							</li>
						</ul>
						<p>All Copyright Reserved by BlueJ Inc. 京ICP备15008163号-1 </p>
					</div>
					<div class="col-xs-4">
						<div class="row talk">
							<div class="col-xs-4 "><img src="img/foot1.png" alt="" class="img-responsive" /></div>
							<div class="col-xs-4  col-md-pull-2"><img src="img/foot2.png" alt="" class="img-responsive" /></div>
							<div class="col-xs-4  col-md-pull-4"><img src="img/foot3.png" alt="" class="img-responsive" /></div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<div class="list">
			<ul>
				<li id="wechat">
					<a href="">
						<img src="img/wechat1.png" alt="" />
						<img src="img/wechat2.png"/>
						<img src="img/ER.jpg"/>
					</a>
				</li>
				<li id="QQ">
					<a href="">
						<div class="hides" id="qq">
							<div class="hides" id="p1">
								<img src="img/QQ2.png">
							</div>
							<div class="hides" id="p2">
								<span>2903359018</span>
							</div>
						</div>
						<img src="img/QQ1.png" class="shows">
					</a>
				</li>
				<li id="TEl">
					<a href="">
						<div class="hides" id="tel">
							<div class="hides" id="tel1">
								<img src="img/tel2.png">
							</div>
							<div class="hides" id="tel2">
								<span>020-80739563</span>
							</div>
						</div>
						<img src="img/tel1.png" class="shows">
					</a>
				</li>
				<li id="btn">
					<a id="top_btn">
						<div class="hides">
							<img src="img/returnTop.png">
						</div>
						<img src="img/return.png"  class="shows">
					</a>
				</li>
			</ul>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script type="text/javascript">
			$('#myCarousel').carousel({
				interval: 3000
			})
			$('#myCarousel2').carousel({
				interval: 4000
			})
		</script>
	</body>

</html>